* {font-family: 微软雅黑, serif;box-sizing: border-box;margin: 0px;}
a{text-decoration: none;}
ul,li{list-style-type: none;list-style-image: none;padding: 0px;}

.l{float: left;}
.r{float: right;}
.fw{width: 100%;}
.fh{height: 100%;}
.tw{width: 1200px;margin: 0 auto;}
.ct{margin: 0 auto;}
.clear{clear:both;} /* 清除空白盒子的所有浮动 */

.mt0{margin-top: 0px;}
.ml0{margin-left: 0px;}
.mr0{margin-right: 0px;}
.mb0{margin-bottom: 0px;}

.h11{height: 11px;}
.h32{height: 32px;background-color: #F2F2F2;}
.h84{height: 84px;font-size: 14px;color: #FFFFFF;background-color: #4D4D4D;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#363636,endcolorstr=#4D4D4D,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#363636,endcolorstr=#4D4D4D,gradientType=0);/*IE8*/    
    background:#4D4D4D; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #363636, #4D4D4D);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#363636), to(#4D4D4D));  
    background:-o-linear-gradient(top, #363636, #4D4D4D); 
    }
.h56{height: 56px;}
.h148{height: 148px;background-color: #F5F5F5;}
.h234{height: 234px;}
.h422{height: 422px;background-color: #4D4D4D;}
.h490{height: 490px;}
.h629{height: 629px;background-image: url(../images/jwjp/service_bg.jpg);}
.h706{min-height: 300px;}
.h918{min-height: 918px;}
.h1114{min-height: 1114px;background-color: #F2F2F2;}

.top-text{width:auto;line-height: 32px;font-size: 12px;color: #5F5F5F;}
.logo{height: 100%;background-image: url(../images/jwjp/logo.jpg);text-align: center;}
.logo h1{width: 600px;line-height: 35px;display: block;font-size: 35px;position: relative;top: 32px;left: 48px;}
.logo h3{width: 600px;line-height: 30px;display: block;font-size: 30px;font-weight: 400;position: relative;top: 40px;left: 48px;}
.logo p{width: 332px;line-height: 24px;display: block;font-size: 18px;font-weight: bold;position: relative;top: -32px;float: right;text-align: left;}

.h56 .nav{height:56px;position:relative; z-index:1;margin: 0 auto;    display: flex;
    align-items: center;
    justify-content: center;}
.h56 .nav a{line-height: 56px;font-size:15px; font-weight:bold;color:#333333;position: relative;}
.h56 .nav .nLi{float:left;position: relative}
.h56 .nav .nLi h3{border: 1px solid #F5F5F5;border-top-width: 0px;border-bottom-width: 0px;width: 130px!important;}
.h56 .nav .nLi h3 a{padding:0px 20px;display:block;text-align: center;height: 100%}
.h56 .nav .sub{min-width: 133px;top: 56px;position: absolute;background: #F5F5F5;display: none;text-align: center;}
.h56 .nav .sub a{line-height: 46px;color: #333333;display:block;}
.h56 .nav .sub li{zoom: 1;position: relative;}
.h56 .nav .sub a:hover{background:#F5F5F5;}
.h56 .nav .on h3 a{background:#F5F5F5;}

.h706 .fullSlide {position: relative;width: 100%;background: none transparent scroll repeat 0 0;height: 706px;overflow: hidden;}
.h706 .fullSlide .bd {z-index: 0;position: relative;margin: 0 auto;height: 706px;overflow: hidden;}
.h706 .fullSlide .bd ul{width: 100%!important;}
.h706 .fullSlide .hd {width: 260px;height: 30px;position: absolute;bottom: 15px;left: 45%;z-index: 1;}
.h706 .fullSlide .hd ul{width: 100%;height: 12px;text-align: center;padding-left: 2%;}
.h706 .fullSlide .hd ul li{filter: alpha(opacity=50);line-height: 999px;margin: 1px;width: 42px;zoom: 1;display: inline-block;background: #fff;float: left;height: 8px;overflow: hidden;cursor: pointer;opacity: .5;}
.h706 .fullSlide .hd ul .on{background-color: #333333;}

.h490 a{color: #FF0000;}
.h490 .head{width: 100%;height: 25px;}
.h490 .head h3{line-height: 24px;font-size: 24px;color: #666666;float: left;}
.h490 .head h4{line-height: 18px;font-family: Arial, serif;font-size: 18px;color: #999999;float: left;position: relative;top: 8px;}
.h490 .head p{line-height: 12px;font-size: 12px;color: #999999;float: right;position: relative;top: 12px;}
.h490 .content{width: 100%;height: 338px;border: 1px solid #FFFFFF;border-top-color: #E6E6E6;margin-top: 16px;}

.h490 .about_us{width: 24%;height: 380px;padding-top: 74px;}
.h490 .about_us img{width: 100%;height: 134px;margin-top: 18px;}
.h490 .about_us .content p{max-width: 100%;max-height: 216px;font-size: 13px;color: #666666;margin-top: 12px;position: relative;}

.h490 .news{width: 48%;height: 380px;padding-top: 74px;margin-left: 2%;}
.h490 .news p{max-width: 380px;max-height: 100px;font-size: 13px;color: #666666;overflow: hidden;}
.h490 .news .top{width: 100%;height:140px;margin-top: 26px;margin-bottom: 10px;}
.h490 .news .top img{width: 100%; height: 100%;}
.h490 .news .top h3{width: auto;line-height:44px;text-indent: 18px;font-size: 14px;color: #333333;}
.h490 .news .hot img{width: 26px;height: 15px;}
.h490 .news .list{width: 96%;height: 35px;margin: 0 auto;}
.h490 .news .list img{width: 5px;height: 9px;margin-top: 12px;margin-right: 10px;}
.h490 .news .list p{line-height: 35px;}

.caption{width: 100%;height: 200px;text-align: center;padding-top: 60px;padding-bottom: 58px;}
.caption .p1{width: 100%;line-height: 36px;font-size: 36px;color: #333333;}
.caption .p2{width: 100%;line-height: 24px;font-size: 24px;font-family: Arial;color: #999999;position: relative;top: 24px;}

.tab{width: 1108px;margin: 0 auto;}
.tab .index{width: 173px;line-height: 48px;font-size: 16px;color: #666666;text-align: center;background-color: #FFFFFF;border: 1px solid #DCDCDC;margin-bottom: 30px;}  
.tab .mr14{margin-right: 14px;font-size:16px;}

.show{padding-top: 24px;padding-bottom: 40px;}
.h1114 .show .mr24{margin-right: 24px;}
.h1114 .show .pic{width: 282px;height: 284px;text-align: center;margin-bottom: 36px;background-color: #999999;}
.h1114 .show .pic img{width: 100%;height: 236px;}
.h1114 .show .pic p{line-height: 48px;font-size: 18px;color: #FFFFFF;}

.h918 .show .mr20{margin-right: 20px;}
.h918 .show .pic{width: 224px;height: 242px;text-align: center;margin-bottom: 20px;background-color: #999999;}
.h918 .show .pic img{width: 100%;height: 194px;}
.h918 .show .pic p{line-height: 48px;font-size: 18px;color: #FFFFFF;}

.h629 .h629{background-image: none;}
.h629 .show{width: 198px;height: 336px;text-align: center;margin-left: 1px;margin-right: 1px;padding: 0px;background-color: #FFFFFF;}
.h629 .show img{display: block;margin: 0 auto;margin-top: 28px;margin-bottom: 18px;}
.h629 .show p{display: block;}
.h629 .show .p1{line-height: 16px;font-size: 16px;font-weight: bold;color: #333333;}
.h629 .show .p2{line-height: 12px;font-size: 12px;font-family: Arial;color: #666666;margin-top: 12px;margin-bottom: 16px;}
.h629 .show .line{width: 112px;height: 2px;border: 1px solid #CCCCCC;margin: 0 auto;}
.h629 .show .p3{width: 166px;height: 72px;line-height: 24px;font-size: 12px;color: #666666;margin: 0 auto;margin-top: 6px;overflow: hidden;}
.h629 .show .more{width: 80px;height: 24px;border-radius: 12px;background-color: #fe0201;margin: 0 auto;margin-top: 10px;}
.h629 .show .p4{line-height: 24px;font-size: 12px;color: #FFFFFF;}

.h234 .link{width: 50px;height: 140px;border: 1px solid #CCCCCC;padding-top: 16px;padding-left: 13px;margin-top: 46px;margin-right: 10px;}
.h234 .link p{width: 24px;line-height: 26px;font-size: 24px;color: #666666;}
.h234 .links{width: 1140px;height: 140px;border: 1px solid #CCCCCC;padding-top: 26px;padding-left: 26px;margin-top: 46px;}
.h234 .links p{line-height: 28px;font-size: 14px;color: #666666;margin-right: 32px;}

.h422 .detail{min-width: 152px;min-height: 180px;margin-top: 76px;color: #FFFFFF;}
.h422 .w322{width: 322px;}
.h422 .detail h3{width: 100%;line-height: 14px;font-size: 14px;margin-bottom: 20px;letter-spacing: 2px;}
.h422 .detail a{max-width: 280px;line-height: 24px;font-size: 12px;color: #FFFFFF;display: block;}
.h422 .code{width: 113px;height: 160px;margin-right: 22px;text-align: center;}
.h422 .code img{width: 113px;height: 113px;margin-bottom: 11px;}

.h84 .h84{padding: 32px 6px 0px 6px;}
.h84 img{width: 20px;height: 20px;margin-right: 6px;}

.product{width: 1204px;height: auto;margin:0 auto; clear: both;margin-top: 30px;background:#FFFFFF;}
/*产品列表右侧*/
.product02{float: left;width: 956px;min-height: 633px;background: #FFFFFF;position:relative;margin-left: 20px;}
.product03{float:left; width:924px; padding: 40px ;min-height:633px;background: #FFFFFF;}

/*公共内页左侧left-nav*/
.product01{float:left; width:227px; padding-bottom:20px;margin-bottom: 30px;}
/*左侧分类*/
.product07{height:68px;font-size:24px; line-height:68px;color:#fff;font-weight: bold;
width: 100%; background: #fe0201;text-indent: 28px;border-radius: 0px 0px 0px 0px;}
.product07 span{ display:block;  color:#fff;text-transform:uppercase;  font-family: "Times New Roman", Times, serif; font-weight:bold;}
/*.product07 b{float: left;width: 100%; background:url(../images/cont_bg2.png) no-repeat;}*/
.sidenav {width:227px;border-left: 1px solid #dcdbdb;border-right: 1px solid #dcdbdb;float: left;}
.sidenav ul li {float: left;display:block; line-height:60px;font-size:16px;border-bottom: 1px solid  #dcdbdb;width: 227px;}
.l_contact{float: left;width: 100%;}
.lcon_t{background:url(../images/ost/lnavh.gif) no-repeat 177px center #686868;}
.lcon_tel{text-align: center;color: #191919;font-size: 16px;border-bottom: 1px solid #dcdbdb;line-height: 34px;padding-top: 10px;}
.lcon_tel i{display: block;font-style: normal;color: #081853;font-size: 20px;font-weight: bold;font-family: "arial"}
.lcon_msg{border-bottom: 1px solid #dcdbdb;color:#191919;float: left;padding:15px 0 20px;font-size: 16px;line-height: 2.5;text-align: center;width: 100%;}
.lcon_msg a{background:#081853;display: block;width: 96px;height: 24px;text-align: center;;
    color: #fff;line-height: 24px;margin: 0 auto}
.protwo{float: left;width: 100%;line-height:40px;border-bottom: 1px solid #dcdbdb;}
.protwo a{text-indent:50px;width: 100%;float: left;}
.sidenav ul li a{float: left;color: #191919;font-size:16px;text-align: left;
    background:url(../images/ost/lnav.png) 177px center no-repeat;}
.sidenav ul li a p{width: 227px;float: left;text-indent: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidenav ul li a.sidenava{display:block; color:#fff6d5;float: left;}
.sidenav ul li a.sidenava p{color:#262626;}
.sidenav ul li a.sidenava.cu {font-weight:bold; color:#081853; background:url(../images/jwjp/lnavh.gif) left top no-repeat;}
.sidenav ul li dl {width:200px;height:auto;display:none; font-size:12px; background:#ddd;}
.sidenav ul li dl dd {width:200px;height:38px; }
.sidenav ul li dl dd a {display:block;width:180px;height:38px;  padding:0 10px;font-weight: normal !important; }
.sidenav ul li dl dd a span {display:block; height:37px; line-height:37px;color:#333; padding-left:40px;}
.sidenav ul li dl dd a:hover {}
.sidenav ul li dl dd a:hover span {color:#539310;}
.sidenav ul li dl dd a.on {}
.sidenav ul li dl dd a.on span {color:#539310; }

/* 内页右侧头部 */
.content_com_title{width: 100%;border: 2px solid #FFFFFF;border-bottom-color: #fe0201;background: #FFFFFF;float: left;margin-top: 10px;padding-right: 10px;}
.content_com_title h2{float:left;color: #313131;font-weight: bold;font-size: 24px; }
.bread{line-height:12px; font-size:12px; color:#313131; padding:5px 0;text-align: right;float:right;margin-top: 10px;}
.bread a{color:#313131;}
.bread a:hover{color:#f00;}

.newslist{width: 96%;margin: 20px;}
.newslist ul li{font-size: 13px;line-height: 30px;border-bottom: 1px dashed #CCC;}
.newslist ul li span{float: right;}
.newslist ul li a{margin-left: 10px;}

.hanye{ width:856px; margin:0 auto;}
.hanye li{ width:856px; padding-top:33px; padding-bottom:33px; border-bottom:1px #eaecef solid;}
.hanye li .imea{ width:178px; height:120px; float:left;}
.hanye li .charw{ width:844px; float:right;}
.hanye li .charw h4{ color:#484752; font-size:18px; font-weight:bold; height:28px; overflow:hidden;}
.hanye li .charw h4 a{ -moz-transition: padding-left 0.5s, color 0.5s;/* Firefox 4 */
    -webkit-transition: padding-left 0.5s, color 0.5s;/* Safari 和 Chrome */
    -o-transition: padding-left 0.5s, color 0.5s;   /* Opera */
    transition: padding-left 0.5s, color 0.5s;}
.hanye li .charw h4 a:hover{ padding-left:10px;}
.hanye li .charw p{ height:42px; line-height:23px; font-size:14px; color:#606a77; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.hanye li .charw h6{ line-height:23px; color:#999999;font-size:12px;}


/*page*/
#pages{text-align: center;margin: 20px auto;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #081853;color: #fff;display: inline-block;}
#pages a:hover{background: #081853;color: #fff;}

.news_tit{ width:856px;  min-height:118px; margin:0 auto;}
.news_tit h4{ color:#4d5057; font-size:20px; font-weight:bold; padding-top:36px;text-align:center;}
.news_tit p{ color:#abacae; line-height:28px; text-align:center;}
.news_btaaa{ width:850px; line-height:29px; color:#6c6b70; font-size:14px; padding-top:25px; min-height:400px; padding-bottom:40px;}

.lieb{ width:850px; height:37px; margin:0 auto;}
.lieb_left{ width:91px; height:37px;   text-align:center; line-height:37px; float:left;}
.lieb_left a{ width:91px; height:37px; background:#2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left a:hover{ width:91px; height:37px; text-align:center; background:#081853; color:#fff;border-radius:0px; display:block; }
.lieb_left_a{ width:37px; height:37px; float:right;}
.lieb_left_a a{ width:37px; height:37px; background:url(../image/y.png) no-repeat center #2d3039; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left_a a:hover{  width:37px; height:37px; text-align:center; background:url(../image/y.png) no-repeat center #081853; color:#fff;border-radius:0px; display:block; }

.lieb_left_b{ width:37px; height:37px; float:right; margin-right:5px;}
.lieb_left_b a{ width:37px; height:37px; background:url(../image/u.png) no-repeat center #081853; color:#fff; border-radius:20px;-moz-transition: border-radius 0.5s;/* Firefox 4 */
    -webkit-transition: border-radius 0.5s;/* Safari 和 Chrome */
    -o-transition: border-radius 0.5s;  /* Opera */
    transition: border-radius 0.5s; display:block;} 
.lieb_left_b a:hover{  width:37px; height:37px; text-align:center; background:url(../image/u.png) no-repeat center #2d3039; color:#fff;border-radius:0px; display:block; }

.abc_bb{ font-size:16px; width:800px; margin:0 auto;margin-top:33px;}
.abc_bb td{ padding-bottom:25px; color:#504537; padding-right:25px;}
.abc_bb td span{ color:#da0000;}
.abc_bb_int{ width:278px; height:38px; border:1px #cccccc solid; line-height:38px; padding-left:10px;}


/* 产品 */
.product3,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}
.product3 li{width:30%; padding:1% 1.5% 0.5%;float:left;overflow:hidden;position:relative; text-align:center;}
.product02 .product3 li img{display: inline-block;height:163px;max-width:100%; vertical-align:middle }
.product03 .product3 li img{display: inline-block;height:209px;max-width:100%;   }
.product3 li>p{width:88%;margin:0 auto;text-align:center;font:14px/40px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.product3 li>div{margin:3px auto;position:relative; margin:0 auto; width:96.6%; text-align:center;  vertical-align:middle; }
.product3 li>div>a{ display:block;}
.product3 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.product3 li>div:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}


/*
左侧悬浮
 */
#online_service_bar {
    position: absolute;
    top: -150px;
    left: 0;
    overflow: hidden;
    z-index: 1001;
}
#online_service_minibar {
    margin-top: 150px;
    width: 23px;
    height: 80px;
    background: url(../images/mini.gif) no-repeat right top;
    display: none;
    cursor: pointer;
}
#online_service_fullbar {
    display: none;
    width: 138px;
    padding-bottom: 10px;
    background: url(../images/footer.gif) no-repeat left bottom;
}
.service_bar_head {
    text-indent: -9999px;
    width: 138px;
    height: 58px;
    position: relative;
    background: url(../images/header.gif) no-repeat left top;
}
#service_bar_close {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
}
.service_bar_main {
    width: 130px;
    padding: 5px 12px;
    background: url(../images/main.gif) repeat-y left top;
}
.service_menu {
    font-size: 12px;
    width: 106px;
    overflow: hidden;
}
.service_menu li {
    width: 106px;
    display: inline;
    overflow: hidden;
}
#online_service_bar dl, #online_service_bar dd, #online_service_bar ul, #online_service_bar li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.service_menu li.hover dd {
    padding: 5px 0;
    line-height: 20px;
}
.service_menu li dd {
    display: none;
    text-align: center;
}
#online_service_bar a {
    color: #555;
    text-decoration: none;
}
#online_service_bar img {
    border: none;
    vertical-align: middle;
}
.service_menu li dd a img {
    margin-bottom: 5px;
}